html {
  font-size: 14px;
}

.wrapper {
  padding: 20px;

  .example {
    padding: 10px;

    .example-title {
      font-size: 18px;
      font-weight: bold;
    }

    .example-code-collapse {
      text-align: center;
      margin-top: 20px;
      background: #f3f3f3;
      padding: 10px;
      color: #333;

      &:hover {
        background: #eee;
        cursor: pointer;
      }
    }

    .example-code {
      font-size: 12px;
      margin-top: 10px;
      background: #efefef;
      border-radius: 5px;
      white-space: pre-wrap;
      font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
      overflow: hidden;
      transition: height 0.5s ease-in-out;
    }
  }
}
